Question

Views

I know how to select the nth element of a certain type document.querySelectorAll('.myClass')[n],

but given an element myEl = document.querySelector('.myClass .myOtherClass'),

how do I then determine its place (its "n") in the array of elements selected by document.querySelectorAll('.myClass')?

about 4 years ago · Juan Pablo Isaza

Answer question

Answer 1 · 2022-06-25T05:11:43.107Z

do this:

document.querySelectorAll(".myClass").indexOf(yourElement) // ==> your index

Answer 2 · 2022-06-25T05:11:43.116Z

U can try something like that:

Array.prototype.indexOf.call(document.querySelectorAll('.myclass'),myEl)